<template>
	<view>
		<uni-popup ref="uplist" background-color="#fff" type="bottom" border-radius="20px 20px 0px 0">
			<view class="con" :style="{paddingBottom:bhh+'px'}">
				<view class="flex-ju-b pt30">
					<view class="size36 bold">
						解锁课程
					</view>
					<view @click="$refs.uplist.close()">
						<uni-icons type="closeempty" size="20"></uni-icons>
					</view>
				</view>
				<view class="bgF9F9F9  height100 ra20 flex-ju-c mt30">
					<view @click="tappindex(1)" :class="{cactive:pindex==1}" class="flex1  height80 flex-ju-c ra20 ml10">词汇量版</view>
					<view @click="tappindex(2)" :class="{cactive:pindex==2}" class="flex1 height80 flex-ju-c mr10 ra20">考试专属版</view>
				</view>
				<scroll-view scroll-y class="height650">
					<view class="posire bgF9F9F9 mt20 ra20 pg20-25" :class="{lactive:lindex==k}" v-for="(item,k) in courseList" :key="k" @click="taplist(item,k)">
						<view  class=" flex-ju-b   ">
							<view>
								<view class="size28">{{item.courseName}}</view>
								<view class="color898D92 size22">包含{{item.wordCount}}单词，{{item.rootCount}}词根</view>
							</view>
							<view class="flex-a-i">
								<view class="size24 color898D92 deleted-text">￥{{item.originalPrice}}</view>
								<view class="size32 colorFD2F55 bold">￥{{item.discountPrice}}</view>
							</view>
						</view>
						<image v-show="lindex==k" mode="widthFix" src="/static/gou.png" style="position: absolute;" class=" image width42  right0 bottom0"></image>
					</view>
				</scroll-view>
				<view>
					<view class="size28 color3D3D3D flex-ju-c">购买7天内学习不超过100个单词可以全额退款</view>
					<view class="center flex-ju-b height135 bgfff  mt10" style="box-shadow: 0rpx -4rpx 30rpx 0rpx rgba(0,0,0,0.1);border-top-right-radius: 20px;border-top-left-radius: 20px;">
						<button class="but" open-type="contact">
							<view class="ml50 mr50">
								<image mode="heightFix" src="/static/kkfu.png" class="image height41"></image>
								<view class="size24 bold">客服</view>
							</view>
						</button>
						
						<view @click="tapcansou" class="bg000 flex-ju-b ra20 size32 height80 colorfff mr30 flex1 pr30 pl30">
							<view>￥{{oitem.discountPrice}}</view>
							<view>立即解锁</view>
						</view>
					</view>
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	export default {
		name:"course",
		data() {
			return {
				
			};
		},
		methods: {
			open(){
				this.$refs.uplist.open()
			}
		}
	}
</script>

<style>

</style>